<template>
  <div>
APP.vue
<div>===========DEMO==========</div>
<Demo />
<div>===========DEMO2渲染==========</div>
<Demo2 />
<div>===========DEMO3生命周期函数==========</div>
<Demo3 v-if="flag"/>
<button @click="flag = !flag">改变flag</button>
<div>===========DEMO4组件库==========</div>
<Demo4 />
  </div>
</template>
<script setup>
//引入
import Demo from '@/views/demo.vue'
import Demo2 from '@/views/demo2.vue'
import Demo3 from '@/views/demo3.vue'
import Demo4 from '@/views/demo4.vue'


import {ref} from 'vue'
const flag = ref(true)
</script>
<style scoped>
</style>